:root {
    --pri : #09122C;
    --sub : #FAC67A;
    --deny : #A7D477;
    --bk : #000;
    --bk-m : #6E6E6E;
    --bk-l : #A8A8A8;

    /* font-size */
    --width: 1400;
    --inner: 1400px;
    --10px : clamp(10px, calc( 10 / var(--width) * 100vw ), 14px);
    --12px : clamp(12px, calc( 12 / var(--width) * 100vw ), 16px);
    --14px : clamp(14px, calc( 14 / var(--width) * 100vw ), 18px);
    --16px : clamp(16px, calc( 16 / var(--width) * 100vw ), 20px);
    --18px : clamp(18px, calc( 18 / var(--width) * 100vw ), 24px);
    --20px : clamp(20px, calc( 20 / var(--width) * 100vw ), 26px);
    --24px : clamp(24px, calc( 24 / var(--width) * 100vw ), 30px);
    --26px : clamp(26px, calc( 26 / var(--width) * 100vw ), 32px);
    --28px : clamp(28px, calc( 28 / var(--width) * 100vw ), 34px);
    --30px : clamp(30px, calc( 30 / var(--width) * 100vw ), 37px);
    --32px : clamp(32px, calc( 32 / var(--width) * 100vw ), 40px);
    --34px : clamp(34px, calc( 34 / var(--width) * 100vw ), 43px);
    --36px : clamp(36px, calc( 36 / var(--width) * 100vw ), 46px);
    --38px : clamp(38px, calc( 38 / var(--width) * 100vw ), 49px);
    --40px : clamp(40px, calc( 40 / var(--width) * 100vw ), 54px);
}


/* 기본 폰트 */
@media screen and (min-width: 1920px) {
    html {
        font-size: 0.8333333333vw;
    }
}
@media screen and (max-width: 1400px) {
    html {
        font-size: 1.1428571429vw;
    }
}
@media screen and (max-width: 1200px) {
    html {
        font-size: 1rem;
    }
}
@media screen and (max-width: 400px) {
    html {
        font-size: 4vw;
    }
}

/* 전체 */
body {background:#fff;color:var(--bk);font-size:var(--12px);}
div {word-wrap: break-word;white-space: normal;}
#wrap {margin:0 auto;position: relative;height:100%;text-align: center;}
#contents {margin-top:70px;}
.max-width {max-width:var(--inner);margin:0 auto;}

/* 헤더 */
#header {display:flex;height:70px;align-items: center;padding:20px;width:100%;top: 0;left: 0;z-index:999;position:fixed;}
#header .inner {width:var(--inner);margin:0 auto;display:flex;align-items: center;}
#header .inner .logo {color:#fff;}
#header .inner .logo span {font-size:var(--16px);display:flex;align-items: center;justify-content: center;letter-spacing:1px;color:var(--pri);}
#header .inner .logo  {text-transform: uppercase;letter-spacing: 5px;position: relative;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);}
#header .inner .logo ::before {content: '';position: absolute;bottom: -10px;left: 0;width: 100%;height: 1px;background: #fff;z-index: -1;transform: scaleX(0);transform-origin: left;transition: transform 0.3s ease-in-out;}
#header .inner .logo :hover::before {transform: scaleX(1);}
#header .inner .btn-menu {margin-left:auto;display:flex;display:none;}
#header .inner .btn-menu img {height:20px;width:20px;}
#header .inner .menu-list {display:flex;gap:80px;align-items: center;justify-content: center;flex:1;}
#header .inner .menu-list .menu a {font-size:var(--12px);position: relative;position:relative;}
#header .inner .menu-list .menu a:hover {color:var(--pri);}
#header .inner .menu-list .menu a::after {content: '';position: absolute;left: 0;bottom: -5px;width: 0;height: 1px;background-color: #ccc;transition: width 0.3s ease-in-out;}
#header .inner .menu-list .menu a:hover::after {width: 100%;}
#header .inner .menu-list .menu a .sub-menu {position:absolute;top:40px;top:30px;width:100%;padding:20px;}
#header .inner .menu-list .menu a .sub-menu ul li {height:40px;display:inline-flex;width:100%;}
#header .inner .counsel a {font-size:var(--12px);background:#FFEDFA;color:#DE3163;}
#header .inner .counsel a {display:inline-flex;padding:10px 30px;border-radius:30px;align-items: center;}
#header .inner .counsel a i {margin-right:5px;color:#DE3163;}

/* 헤더 모바일 */
#header .inner .menu-icon {width: 20px;height: 16px;flex-direction: column;justify-content: space-between;cursor: pointer;position: relative;}
#header .inner .menu-icon .line {width: 100%;height: 1px;background-color: var(--bk);transition: all 0.3s ease;}
#header .inner .menu-icon .line1 {transform-origin: top left;}
#header .inner .menu-icon .line3 {transform-origin: bottom left;}
#header .inner .menu-icon.active .line1 {transform: rotate(45deg);}
#header .inner .menu-icon.active .line2 {opacity: 0;}
#header .inner .menu-icon.active .line3 {transform: rotate(-45deg);}
#header.drop {background:rgba(0,0,0,0.7);}
#header.drop .inner .menu-list .menu a {color:#fff;}
#header.drop .inner .menu-icon .line {background-color:#fff;}
#header.drop .inner .logo span {color:#fff;}

/* 푸터 */
#footer {background:#000;color:#eee;font-size:0.8rem;margin-top:40px;}
#footer .inner {margin:0 auto;}
#footer .line {align-items: center;border-bottom:dashed 1px #999;border-top:dashed 1px #999;padding-left:20px;padding-right:20px;background:#000;}
#footer .line > .inner {display:flex;display:flex;gap:40px;height:60px;align-items: center;font-size:0.8rem;}
#footer .info {margin:0 auto;padding:40px 0px;line-height:28px;color:#999;padding-left:20px;padding-right:20px;}
#footer .info .sns {display:flex;align-items: center;margin-bottom:10px;}
#footer .info .sns a img {width:34px;}
#footer .info .sns a + a {margin-left:10px;}

#right-menu {height: 100%;width: 0;position: fixed;z-index: 1; top: 0;right: 0;display:flex;align-items: center;background:rgba(0,0,0,0.6);overflow-x: hidden;transition: 0.3s;z-index:9999;}
#right-menu .inner {padding-left:30px;}
#right-menu .link {text-decoration: none;font-size:0.84rem;color: #fff;display: block;transition: 0.3s;font-weight:900;height:24px;overflow:hidden;}
#right-menu .link  + .link {margin-top:50px;}
#right-menu .link:hover {color: #f1f1f1;}
#right-menu .btn-menu-close {position: absolute;top:5px;right:25px;font-size:36px;margin-left: 50px;color:#fff;}

/* 페이지 네이션 */
.pagination {display:flex;align-items: center;justify-content: center;height:50px;gap:10px;padding-bottom:60px;margin-top:60px;}
.pagination .page-item {padding:8px;display:inline-flex;align-items: center;justify-content: center;width:35px;height:35px;font-size:13px;border:solid 1px #eee;border-radius:4px;color:#333;background:none;}
.pagination .page-item.active {background:rgba(171, 148, 126,1);color:#fff;border:solid 1px rgba(171, 148, 126,1);}
.pagination .page-item.prev-page {background:none;color:#333;width:auto;}
.pagination .page-item.page-first {background:none;color:#333;width:auto;}
.pagination .page-item.next-page {background:none;color:#333;width:auto;}
.pagination .page-item.page-end {background:none;color:#333;width:auto;}

/* 체크,라디오,첨부파일 버튼 처리 */
.site-check-form {display: flex;gap: 20px 20px;flex-wrap:wrap;}
.site-check-form label input {display: none;}
.site-check-form label input[type="radio"] + span {background:#f5f5f5;border-radius:10px;display:inline-flex;font-size:0.78rem;cursor:pointer;height:40px;width:100px;align-items: center;justify-content: center;}
.site-check-form label input[type="radio"]:checked + span{ background:var(--pri);color:#fff;}
.site-check-form label input[type="checkbox"]:checked + span{ background:var(--pri);color:#fff;}

.site-file-form {display:flex;position:relative;border:solid 1px var(--pri);width:100%;}
.site-file-form input[type="file"] {position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;cursor: pointer;}
.site-file-form .file-label {display: flex;height:45px;width:150px; justify-content:center;align-items: center;background-color: var(--color-point);color: #fff;cursor: pointer;transition: background-color 0.3s;font-size:0.78rem;}
.site-file-form .file-label:hover {opacity: 0.8;}
.site-file-form .file-name {font-size: 14px;color: #333;padding-left:15px;display:inline-flex;width:100%;align-items: center;}


/* 기본 페이지 설정 */
.page-container {padding:20px;margin:0 auto;}
.page-container .inner-padding {padding:20px;}

.page-top {width:100%;height:400px;overflow:hidden;display:flex;align-items: center;justify-content: center;position:relative;overflow:hidden;align-items: end;}
.page-top .img {width:100%;position:relative;position:absolute;top:0px;bottom:0px;right:0px;left:0px;}
.page-top .img img {width:100%;object-fit: cover;height:400px;}
.page-top .img:after {content:' ';position:absolute;top:0px;bottom:0px;right:0px;left:0px;background:rgba(0,0,0,0.3);}
.page-top .subject {z-index:2;color:#fff;line-height:60px;font-size:var(--30px);font-weight:bold;display:block;text-align:left;width:var(--inner);padding-bottom:40px;}
.page-top .subject .btn-kakao {font-size:var(--12px);background:#ffdc00;color:#000;width:160px;height:40px;border-radius:50px;display:inline-flex;align-items: center;justify-content: center;margin-top:10px;}
.page-top .subject .btn-kakao i {margin-right:5px;}

section {text-align:left;}
section + section {margin-top:100px !important;}
section > .subject {font-size:var(--24px);margin-bottom:30px;display:flex;align-items: center;}
section > .subject .btn-more {margin-left:auto;}
.btn-more {font-size:var(--14px);color:#000;padding:15px 24px;border-radius:40px;border:solid 2px #000;display:inline-flex;align-items: center;}
.btn-more i {margin-left:10px;font-size:var(--16px);}
.btn-more.black {background:#000;color:#fff;}
.btn-more.black i {color:#fff;}


/* 메인 */
.main-guide h3 {font-size:var(--36px);margin-top:120px;}
.main-guide .desc {font-size:var(--20px);margin-top:40px;margin-bottom:60px;color:#aaa;display:flex;align-items: center;}
.main-guide .desc .btn-more {margin-left:auto;}
.main-guide .img img {width:100%;}
.main-news .card-list {display:grid;grid-template-columns: repeat(3, 1fr);gap:30px;}
.main-news .card-list .item {display:block;}
.main-news .card-list .item .img img {width:100%;border-radius:10px;aspect-ratio: 1/0.67;}
.main-news .card-list .item .title {font-size:var(--18px);font-weight:bold;margin-top:20px;display:block;}
.main-news .card-list .item .desc {color:#999;margin-top:15px;}
.main-news .card-list .item .btn-info {font-size:var(--12px);color:#000;padding:15px 20px;border-radius:40px;border:solid 2px #000;display:inline-flex;align-items: center;margin-top:20px;align-items: center;justify-content: center;}
.main-news .card-list .item .btn-info i {margin-left:10px;font-size:var(--14px);}

.swiper-gallery img {aspect-ratio: 1/0.8;width:100%;object-fit: cover;}

.main-more {padding:90px 0;background:#f8f8f8;}
.main-more > div {display:flex;align-items: center;justify-content: center;gap:80px;}
.main-more > div .left img {border-radius:20px;max-width:600px;}
.main-more > div .right .subject {font-size:var(--30px);font-weight:bold;line-height:54px;}
.main-more > div .right .desc {font-size:var(--18px);line-height:40px;color:#999;margin-top:40px;}
.main-more > div .right .btn-more {margin-top:40px;}
.main-faq .faq-list {display:grid;grid-template-columns: repeat(1, 1fr);gap:10px;}
.main-faq .faq-list .item {border-radius:10px;border:solid 1px #ddd;font-size:var(--14px);}
.main-faq .faq-list .item .subject {height:80px;padding:30px;border-bottom:solid 1px #ddd;background:#f9f9f9;display:flex;align-items: center;font-weight:bold;}
.main-faq .faq-list .item .subject span {background:#000;width:34px;height:34px;border-radius:7px; color:#fff;font-weight:bold;display:inline-flex;align-items: center;justify-content: center;margin-right:5px;}
.main-faq .faq-list .item .desc {padding:30px;}

.swiper-gallery .swiper-slide {position:relative;}
.swiper-gallery .swiper-slide .text {position:absolute;left:0;bottom:0;padding:40px;font-size:var(--28px);color:#fff;}


/* 서비스 */
.service-info {width:100%;height:calc(100vh - 70px);overflow:hidden;display:flex;align-items: center;justify-content: center;position:relative;}
.service-info .img {width:100%;position:relative;position:absolute;top:0px;bottom:0px;right:0px;left:0px;}
.service-info .img img {width:100%;object-fit: cover;height:calc(100vh - 70px);}
.service-info .img:after {content:' ';position:absolute;top:0px;bottom:0px;right:0px;left:0px;background:rgba(0,0,0,0.3);}
.service-info .subject {z-index:2;color:#fff;line-height:60px;font-size:var(--30px);font-weight:bold;display:block;text-align:center;}
.service-info .subject .arrow {width:100%;text-align:center;}

.service-info2 {padding:90px 0;background:#f8f8f8;}
.service-info2 .subject {font-size:var(--30px);font-weight:bold;line-height:55px;text-align:center;margin-top:50px;}
.service-info2 .desc {font-size:var(--14px);color:#565656;line-height:30px;text-align:center;margin-top:20px;}
.service-info2  .logo {color:#fff;}
.service-info2  .logo span {font-size:var(--16px);display:flex;align-items: center;justify-content: center;letter-spacing:1px;color:var(--pri);}
.service-info2  .logo  {text-transform: uppercase;letter-spacing: 5px;position: relative;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);}

.service-zig .zig-list .item {display:flex;gap:60px;}
.service-zig .zig-list .item.reverse {flex-direction: row-reverse;}
.service-zig-zig .zig-list .item + .item {margin-top:20px;}
.service-zig .zig-list .item .left {display:flex;align-items: center;justify-content: center;width:50%;font-weight:bold;}
.service-zig .zig-list .item .left .subject {font-size:var(--24px);line-height:50px;}
.service-zig .zig-list .item .left .desc {font-size:var(--14px);color:#565656;line-height:40px;margin-top:20px;}
.service-zig .zig-list .item .img {border-radius:20px;width:50%;padding:50px;}
.service-zig .zig-list .item .img img {width:100%;border-radius:20px;}

.service-review .subject {font-size:var(--24px);line-height:50px;text-align:center;display:block;font-weight:bold;}
.service-review .desc {font-size:var(--14px);line-height:40px;text-align:center;}
.service-review .review-list .item + .item {margin-top:60px;}
.service-review .review-list .item .img {display:flex;border-radius:20px;overflow:hidden;text-align:center;}
.service-review .review-list .item .img > div {width:50%;}
.service-review .review-list .item .img > div img {width:100%;}
.service-review .review-list .item .img .type {text-align:center;width:100%;line-height:40px;font-weight:bold;display:inline-flex;align-items: center;justify-content:center;height:40px;width:160px;background:#f7f7f7;margin-bottom:10px;border-radius:40px;}
.service-review .review-list .item .contents {text-align:center;line-height:25px;margin-top:20px;}
.service-review .review-list .item .contents .strong {font-weight:bold;margin-top:10px;}

.service-more {text-align:center;margin-bottom:100px;}
.service-more .subject {align-items: center;justify-content: center;font-size:var(--30px);font-weight:bold;}

/* 포트폴리오 */
.project-list {margin-top:40px;padding:20px;}
.project-list .category {display:flex;align-items: center;margin-bottom:30px;gap:14px;font-size:0.86rem;flex-wrap:wrap;}
.project-list .category .item {display:block;cursor:pointer;border-radius:100px;background:#f9f9f9;display:inline-flex;align-items: center;justify-content: center;height:40px;padding:20px;}
.project-list .category .item.active {background:#000;color:#fff;}
.project-list .list {display:grid;grid-template-columns: repeat(3, 1fr);gap:20px;}
.project-list .list .card {border-radius:9px;position:relative;overflow:hidden;}
.project-list .list .card .img img {width:100%;border-radius:9px;}
.project-list .list .card .left-text {text-align:left;padding:20px 0px;}
.project-list .list .card .left-text .title {color:#333;font-size:var(--16px);font-weight:bold;}
.project-list .list .card .left-text .date {color:#333;font-size:var(--12px);margin-top:10px;color:#999;}
.project-list .list .card:hover .img img {animation-name: imagemove;animation-duration: 3s;animation-timing-function: ease-out;animation-delay: 0s;animation-direction: alternate;animation-iteration-count: infinite;animation-fill-mode: none;animation-play-state: running;}
.project-list .list .card:hover .left-text {display:block;}

/* 매거진 */
.news-list {margin-top:40px;padding:20px;}
.news-list .subject {font-size:var(--30px);font-weight:bold;}
.news-list {margin-top:40px;padding:20px;}

.news-list .list {display:grid;grid-template-columns: repeat(3, 1fr);gap:20px;}
.news-list .list.col4 {display:grid;grid-template-columns: repeat(4, 1fr);gap:20px;}
.news-list .list .card {border-radius:9px;position:relative;overflow:hidden;}
.news-list .list .card .img img {width:100%;border-radius:9px;aspect-ratio: 1/1;object-fit: cover;}
.news-list .list .card .left-text {text-align:left;padding:20px 0px;}
.news-list .list .card .left-text .title {color:#333;font-size:var(--16px);font-weight:bold;}
.news-list .list .card .left-text .desc {color:#333;font-size:var(--12px);margin-top:10px;color:#999;}
.news-list .list .card:hover .img img {animation-name: imagemove;animation-duration: 3s;animation-timing-function: ease-out;animation-delay: 0s;animation-direction: alternate;animation-iteration-count: infinite;animation-fill-mode: none;animation-play-state: running;}
.news-list .list .card:hover .left-text {display:block;}

/* 회사 소개 */
.about-info {margin-top:100px;}
.about-info .subject {font-size:var(--30px);font-weight:bold;}
.about-info .address {margin-top:20px;color:#000;font-weight:bold;}
.about-info .desc {margin-top:20px;color:#999;line-height:24px;}
.about-info .btn-more {margin-top:20px;}
.about-info .maps {width:100%;height:400px;margin-top:20px;}
.about-info img {margin-top:40px;width:100%;border-radius:20px;}

.about-counsel .subject {font-size:var(--30px);font-weight:bold;}
.about-counsel .desc {margin-top:20px;color:#999;line-height:24px;}
.about-counsel .card-body {margin-top:100px;border-bottom:solid 1px #ddd;}
.about-counsel .card-body .card {border-top:solid 1px #ddd;padding:50px 0;display:flex;gap:40px;}
.about-counsel .card-body .card .left {flex:1;}
.about-counsel .card-body .card .center {flex:5;display:flex;align-items: center;}
.about-counsel .card-body .card .center .bold {font-size:var(--20px);line-height:32px;}
.about-counsel .card-body .card .center .detail {margin-top:20px;line-height:28px;color:#666;}
.about-counsel .card-body .card .img {flex:4;}
.about-counsel .card-body .card .img img {border-radius:20px;width:100%;}

/* 커뮤니티 */
.faq-list {margin-top:100px;margin-bottom:100px;}
.faq-list .list{display:grid;grid-template-columns: repeat(1, 1fr);gap:0px;width:100%;}
.faq-list .list .item:not(:first-child) a {border-top:none;}
.faq-list .list .item {display:block;width:100%;}
.faq-list .list .item span {padding:10px;}
.faq-list .list .item .title{display:flex;align-items: center;border-top:solid 1px #eee;border-bottom:solid 1px #eee;padding:15px;cursor:pointer;}
.faq-list .list .item .title .subject {flex:7;text-align:left;}
.faq-list .list .item .title .que {margin-right:10px;width:30px;height:30px;border-radius:30px;display:inline-flex;align-items: center;justify-content: center;background:#333;color:#fff;font-size:0.74rem;}
.faq-list .list .item .title .arrow {flex:1;text-align:right;font-size:1rem;}
.faq-list .list .item .detail {padding:20px;text-align:left;min-height:100px;border-bottom:solid 1px #eee;transition: transform 1s ease-in-out;opacity:0;display:none; transition: opacity 0.5s ease-in-out;}
.faq-list .list .item.active .detail {display:block;opacity:1;background:#f8f8f8;line-height:30px;}
.faq-list .list .item.active .que {background:var(--pri);}
.faq-list .list .item.th {background:var(--pri);height:60px;align-items: center;justify-content: center;display: flex;}
.faq-list .list .item.th span {color:#fff;font-weight:bold;}

/* 견적문의 */
.counsel-form {margin-top:100px;}
.counsel-form .form {background:#fff;padding:30px;border-radius:10px;}
.counsel-form .form .detail {color:#454545;line-height:26px;margin-top:20px;}
.counsel-form .form .guide {font-size:1.75rem;font-weight:bold;display:flex;align-items: center;width:100%;justify-content: center;margin-bottom:20px;}
.counsel-form .form .guide span {color:#676767;font-size:0.813rem;margin-left:8px;}
.counsel-form .form .item {display:flex;flex-wrap:wrap;gap:20px 20px;width:100%;}
.counsel-form .form .item .col {flex:1 1 45%;text-align:left;padding-top:25px;}
.counsel-form .form .item .col-2 {flex:1 1 100%;padding-top:15px;}
.counsel-form .form .item .col .name {color:#232323;font-weight:bold;font-size:0.82rem;}
.counsel-form .form .item .col .name span {color:var(--pri);font-weight:normal;font-size:0.7rem;margin-left:2px;}
.counsel-form .form .item .col input[type='text'] {width:100%;height:47px;color:#454545;margin-top:8px;border:solid 1px #d4d4d4;border-radius:2px;padding-left:10px;font-size:0.875rem;}
.counsel-form .form .item .col .textarea {width:100%;height:170px;color:#454545;margin-top:8px;border:solid 1px #d4d4d4;border-radius:2px;padding:15px;font-size:0.875rem;}
.counsel-form .form .item + .item {margin-top:30px;}
.counsel-form .form .item .col .tit {color:#232323;font-size:1rem;font-weight:bold;}
.counsel-form .form .item .col .tit span {color:var(--pri);font-weight:normal;font-size:14px;margin-left:2px;}
.counsel-form .form .btns {padding-top:20px;text-align:center;margin-top:20px;}
.counsel-form .form .btns .btn-save {max-width:300px;width:100%;height:60px;display:inline-flex;align-items: center;justify-content: center;background:var(--pri);color:#fff;border:none;border-radius:5px;}

.counsel-add .list { display:grid;grid-template-columns: repeat(1, 1fr);gap:10px;border-top:solid 1px #ddd;padding-top:40px;}
.counsel-add .list .item {display:flex;align-items: center;}
.counsel-add .list .item .title {text-align:center;background:#000;color:#fff;roder-radius:5px;display:inline-flex;align-items: center;justify-content: center;border-radius:30px;height:30px;width:80px;}
.counsel-add .list .item .title .icon {margin-right:8px;font-size:var(--12px);}
.counsel-add .list .item .desc {margin-left:10px;}

.fixed_inquiry {display:none;}

/* 헤더 반응형 처리 :800 */
@media screen and (max-width:860px) {
    #header {height:70px;}
    #contents {margin-top:70px;}
    #header .inner .menu-list {display:none;}
    #header .inner .menu-icon {display:flex;}
    #header .inner .counsel {display:none;}

    section + section {margin-top:40px !important;}
    section > .subject {font-size:var(--18px);}
    section > .subject .btn-more {display:none;}
    .page-top {height:280px;}
    .page-top .subject {font-size:var(--16px);line-height:28px;padding:20px;}
    .page-top .img img {height:280px;}

    .main-guide h3 {font-size:var(--24px);margin-top:10px;}
    .main-guide .desc {display:block;margin-bottom:30px;}
    .main-guide .desc .btn-more {display:block;margin-top:10px;width:150px;margin-left:0;}

    .main-news .card-list {display:grid;grid-template-columns: repeat(1, 1fr);gap:30px;}

    .main-more {padding:20px;border-radius:20px;}
    .main-more > div .left img {width:100%;height:400px;object-fit: cover;}
    .main-more > div {display:block;}
    .main-more > div .right .subject {margin-top:20px;}

    .faq-list {margin-top:20px;margin-bottom:20px;}

    .swiper-gallery .swiper-slide .text {font-size:var(--20px);}
    .main-more > div .right .subject {font-size:var(--24px);line-height:30px;}
    .main-more > div .right .desc {line-height:27px;}

    .service-info .subject {font-size:var(--20px);line-height:30px;}
    .service-info2 {padding:50px 0;padding:40px 20px;}
    .service-info2 .subject {font-size:var(--24px);line-height:30px;}
    .service-zig .zig-list .item {display:block;gap:0px;}
    .service-zig .zig-list .item + .item {margin-top:50px;}

    .service-zig .zig-list .item .left {width:100%;justify-content: left;}
    .service-zig .zig-list .item .left .subject {font-size:var(--18px);line-height:28px;}
    .service-zig .zig-list .item .left .desc {font-size:var(--14px);line-height:24px;color:#999;margin-top:0px;}
    .service-zig .zig-list .item .img {width:100%;padding:0px;margin-top:10px;}

    .service-review .review-list .item .img {display:block;}
    .service-review .review-list .item .img > div {width:100%;}

    .news-list .list {display:grid;grid-template-columns: repeat(1, 1fr);gap:20px;}
    .news-list .list.col4 {grid-template-columns: repeat(2, 1fr);gap:20px;}
    .project-list .list {display:grid;grid-template-columns: repeat(1, 1fr);gap:20px;}

    .about-info {margin-top:20px;}
    .about-info .maps {height:300px;margin-top:20px;}
    .about-info .subject {font-size:var(--18px);}
    .about-counsel .subject {font-size:var(--18px);}

    .about-counsel .card-body .card  {display:block;}

    .service-more .subject {font-size:var(--24px);}

    .about-counsel .card-body .card .center .bold {margin-top:10px;line-height:24px;font-size:var(--18px);font-weight:bold;}
    .about-counsel .card-body .card .center .detail {line-height:22px;}
    .about-counsel .card-body .card .img {margin-top:10px;}

    .fixed_inquiry {position:fixed;bottom:15px;right:15px;width:60px;height:60px;background:rgba(255,237,250,0.8);display:inline-flex;align-items: center;justify-content: center;border-radius:100px;z-index:99999;overflow:hidden;}
    .fixed_inquiry a {display:inline-flex;width:100%;height:100%;align-items: center;justify-content: center;position:relative;}
    .fixed_inquiry a {font-size:var(--12px);color:#DE3163;font-weight:bold;}

    .counsel-form .form .item .col {width:100%;flex:auto;}

}